<!DOCTYPE HTML __PUBLIC__ "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>商城首页</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="__PUBLIC__/css/index.css" type="text/css">
	<link href="__PUBLIC__/fonts/iconfont.css" rel="stylesheet" type="text/css" />
    
	<link href="__PUBLIC__/fonts/demo.css" rel="stylesheet" type="text/css" />

	<!-- <link href="__PUBLIC__/css/hmstyle.css" rel="stylesheet" type="text/css"/> -->

</head>
<body>

    
    <!-- hmtop  开始 -->
    <div class="hmtop">
    	<!-- 顶部导航条  开始-->
    	<div class="am-container header">
            <!-- 信息栏左侧  开始-->
    		<ul class="message-l">
    			<div class="topMessage">
    				<div class="menu-hd">
    					<a href="{:U('home/user/login')}" target="_top" class="h">亲，请登录</a>
    					<a href="{:U('home/user/register')}" target="_top" class="h">免费注册</a>
    				</div>
    			</div>
            <!-- 信息栏左侧  结束-->
    		</ul>

            <!-- 信息栏右侧  开始-->
    		<ul class="message-r">
                <!-- home 开始 -->
    			<div class="toMessage home">
    				<div class="menu-hd"><a href="{:U('home/index/index')}" target="_top" class="h">商城首页　</a></div>
                <!-- home 结束 -->
    			</div>

                <!-- person 开始 -->
    			<div class="toMessage person">
    				<div class="menu-hd person">
    				    <a href="{:U('home/user/per_index')} "target="_top">
    				         　<i class="iconfont icon-zhanghao"></i>个人中心
    				    </a>
    				</div>
    				<div class="menu-hd person">
    				    <a href="{:U('home/user/shopcart')} "target="_top">
    				         　<i class="iconfont icon-icon"></i>购物车0
    				    </a>
    				</div>
    				<div class="menu-hd shoucang">
    				    <a href="{:U('home/user/per_collection')} "target="_top">
    				         　<i class="iconfont icon-ttpodicon"></i>收藏夹
    				    </a>
    				</div>
                <!-- person 结束 -->
    			</div>
            <!-- 信息栏右侧  结束-->
    		</ul>

        <!-- 顶部导航条 结束 -->
    	</div>

        <!-- 悬浮收索栏  开始-->
    	<div class="logo-boxtitle">
    	    <div class="logo">
                <img alt="logo" src="__PUBLIC__/images/logobig.png">
            </div>

    	    <a name="index_none_header_sysc" href="#"></a>
    	    <div class="search-bar pr">
    	    	<form action="{:U('home/index/search')}"  method="post">
    	    		<input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
					<input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
    	    	</form>
    	    </div>

        <!-- 悬浮收索栏 结束-->
        </div>

        <div class="clear"></div>

    <!-- hmtop  结束 -->
    </div>

    
    <!--  banner 开始 -->
    <div class="banner">
    	<!-- 轮播 -->
    	<!-- <div class="am-slider am-slider-default scoll" data-am-flexslider id="demo-slider-0">
    		<ul class="am-slides">
    			<li class="banner1"><a href="introduction.html"><img src="__PUBLIC__/images/ad1.jpg" alt=""></a></li>
    			<li class="banner2"><a><img src="__PUBLIC__/images/ad2.jpg" /></a></li>
				<li class="banner3"><a><img src="__PUBLIC__/images/ad3.jpg" /></a></li>
				<li class="banner4"><a><img src="__PUBLIC__/images/ad4.jpg" /></a></li>
    		</ul>
    	</div>
 -->

        <div class="list" id="lb">
            <img src="__PUBLIC__/images/ad1.jpg" alt="" class="img">
            <img src="__PUBLIC__/images/ad2.jpg" alt="" class="img">
            <img src="__PUBLIC__/images/ad3.jpg" alt="" class="img">              
            <img src="__PUBLIC__/images/ad4.jpg" alt="" class="img">
        </div>


    	<div class="clear"></div>
    <!-- banner 结束 -->
    </div>

     <!-- shopNav 开始 -->
    <div class="shopNav">
        <!-- slideall 开始 -->
    	<div class="slideall">
    		<div class="long-title  box1"><span class="all-goods">全部分类</span></div>
    		<div class="cont-nav box1">
    			<ul>   			
    				<li class="index"><a href="#">首页</a></li>　
                    <li class="qc"><a href="#">闪购</a></li>　
                    <li class="qc"><a href="#">限时抢</a></li>　
                    <li class="qc"><a href="#">团购</a></li>　
                    <li class="qc last"><a href="#">大包装</a></li>
    			</ul>
    		</div>
            <div class="nav-extra box1" >
                 <i class="iconfont icon-31wode"></i><b></b> 　我的福利
                 <i class="am-icon-angle-right">></i>
            </div>

            
        <!-- slideall 结束 -->
    	</div>


        <!-- 侧边导航  开始-->
        <div id="nav" class="navfull">
            <div class="erea clearfix">
                <!-- 类型，种类 -->
                <div class="category-content" id="guide_2">
                    <div class="category">
                        <!-- 样品种类列表 -->
                        <ul class="category-list" id="js_climit_li">


                            <!-- 点心/蛋糕 -->
                            <li class="appliance js_toggle relative">
                                <div class="category-info">
                                    <!-- 左边大块 -->
                                    <h3 class="category-name b-categoty-name">
                                    <!-- 图片 -->
                                        <i>
                                            <img src="__PUBLIC__/images/cake.png">
                                        </i>
                                        <!-- 文字 -->
                                        <a class="ml-22" title="点心">
                                            点心/蛋糕
                                        </a>
                                    </h3>
                                    <!-- 右边大块 -->
                                    <em>&gt;</em>
                                </div>
                            </li>
                            <li class="appliance js_toggle relative">
                                <div class="category-info">
                                    <!-- 左边大块 -->
                                    <h3 class="category-name b-categoty-name">
                                    <!-- 图片 -->
                                        <i>
                                            <img src="__PUBLIC__/images/cake.png">
                                        </i>
                                        <!-- 文字 -->
                                        <a class="ml-22" title="点心">
                                            点心/蛋糕
                                        </a>
                                    </h3>
                                    <!-- 右边大块 -->
                                    <em>&gt;</em>
                                </div>
  
                        <!-- 样品种类列表  结束-->
                        </ul>
                    </div>
                </div>
            </div>
        <!-- 侧边导航  结束 -->
        </div>


        <!-- dispaly -->
        <div class="select"></div>


        <!-- 走马灯 -->
        <div class="marqueen">
            <p class="marqueen-title">商城头条</p>
            <div class="demo">
                <ul>
                   <!-- 特惠 -->
                    <li class="title-first">
                        <a href="#" target="_blank">
                          <!--   <img src="__PUBLIC__/images/TJ2.jpg" alt=""> -->
                            <span>[特惠]</span>商城爆品一分秒
                        </a>
                    </li>
                    <!-- 公告 -->
                    <li class="title-first">
                        <a href="#" target="_blank" maxlength="10">
                            <span>[公告]</span>商城和广州市签署战略<!-- 合作协议 -->
                            <!-- <img src="__PUBLIC__/images/TJ2.jpg" alt=""> -->
                            <!-- <p>xxxxxxxxxxxxxxxxxx</p> -->
                        </a>
                        <!-- <div class="line"></div> -->
                    </li>
                </ul>
            </div>

            <!-- 小叮当 -->
            <div class="mod-vip">
                <div class="m-baiseinfo">
                    <a href="person.html">
                        <img src="__PUBLIC__/images/getAvatar.do.jpg" alt="">
                    </a>
                    <em>
                        Hi,<span class="s-name">小叮当</span>
                        <a href="#"><p>更多优惠活动</p></a>
                    </em>
                </div>
            </div>

            <!-- 注册、登录 -->
            <div class="member-logout">
                <a href="login.html" class="am-btn-warning btn">登录</a>
                <a href="register.html" class="am-btn-warning btn btn-right">注册</a>
                <div class="clear"></div>
            </div>


            <!-- 小消息 -->
            <div class="demo">
                <ul>
                   <!-- 特惠 -->
                    <li class="title-first demo-two">
                        <a href="#" target="_blank">
                          <!--   <img src="__PUBLIC__/images/TJ2.jpg" alt=""> -->
                            <span>[特惠]</span>洋河年末大促，低至两件<!-- 五折 -->
                        </a>
                    </li>
                    <!-- 公告 -->
                    <li class="title-first">
                        <a href="#" target="_blank" maxlength="10">
                            <span>[公告]</span>华北、华中部分地区配送<!-- 延迟 -->
                            <!-- <img src="__PUBLIC__/images/TJ2.jpg" alt=""> -->
                            <!-- <p>xxxxxxxxxxxxxxxxxx</p> -->
                        </a>
                        
                    </li>
                    <li class="title-first">
                        <a href="#" target="_blank" maxlength="10">
                            <span>[公告]</span>家电狂欢千亿礼券 买1送<!-- 1！ -->
                            <!-- <img src="__PUBLIC__/images/TJ2.jpg" alt=""> -->
                            <!-- <p>xxxxxxxxxxxxxxxxxx</p> -->
                        </a>
                       
                    </li>
                </ul>
            </div>


            <!-- 底部图片 -->
            <div class="advTip">
                <img src="__PUBLIC__/images/advTip.jpg" alt="">
            </div>

        <!-- 走马灯结束 -->
        </div>


        <!-- 右边小导航 -->
        
        <div id="sidebar">
            <div class="i-first"><i class="iconfont icon-zhanghao"></i></div>
            <div class="sidebar-car">
                <i class="iconfont icon-gouwuche"></i>
                <p class="car">购物车</p>
                <p class="radius">0</p>
            </div>
            <div class="tip-mid">
                <i class="iconfont icon-qianbao"></i>
            </div>
            <div class="tip-mid1">
                <i class="iconfont icon-jiaoya"></i>
            </div>
            <div class="tip-mid2">
                <i class="iconfont icon-xingxing"></i>
            </div>
            <div class="tip-mid3">
                <i class="iconfont icon-chongzhi1"></i>
            </div>
            <div class="tip-ft">
                <i class="iconfont icon-bangzhuzhongxinkefu"></i>
            </div>
            <div class="tip-ft1">
                <i class="iconfont icon-erweima1"></i>
            </div>
            <div class="tip-ft2">
                <i class="iconfont icon-top1"></i>
            </div>

        </div>

    <!-- shopNav结束 -->
    </div>

    <div class="shopMainbg">
        <div class="shopMain" id="shopMain">
            <!-- 今日推荐 -->
            <div class="am-g am-g-fixed recommendation">
                <div class="clock am-u-sm-3 first">
                    <p>今日<br/>推荐</p>
                    <img src="__PUBLIC__/images/2016.png" alt="">
                    
                </div>
            </div>

            <div class="am-g am-g-fixed recommendation">
                <div class="clock am-u-sm-3 image-tj">                
                    <p><b>真的有鱼<br/></b>开年福利篇</p>
                    <img src="__PUBLIC__/images/tj.png" alt="">   
                </div>
            </div>

            <div class="am-g am-g-fixed recommendation">
                <div class="clock am-u-sm-3 image-tj">
                    <div class="info"></div>
                        <p><b>囤货过冬</b><br/>让爱早回家</p>
                        <img src="__PUBLIC__/images/tj1.png" alt="">
                    
                </div>
            </div>

            <div class="am-g am-g-fixed recommendation">
                <div class="clock am-u-sm-3 image-tj">
                    <div class="info"></div>
                        <p><b>烂漫情人节</b><br/>甜甜蜜蜜</p>　　
                        <img src="__PUBLIC__/images/tj2.png" alt="">
                    
                </div>
            </div>
        </div>

    </div>

    
    <!-- 热门活动 -->
    <div class="am-container activity">
        <div class="shopTitle">
            <h4>活动</h4>
            <h3>优惠活动 每期享不停</h3>
            <span class="more">
                <a href="#">全部活动　<i class="">&gt;</i></a>
            </span>

        </div>

        <!-- 图片展示 -->
        <div class="am-g am-g-fixed ">
            <div class="am-u-sm-33">
                <div class="icon-sale one"></div>
                <h4 class="tri">秒杀</h4>
                <div class="activityMain ">
                    <img src="__PUBLIC__/images/activity1.jpg " alt="">
                </div>
                <div class="_info">
                    <h3>春节送礼优选</h3>
                </div>
            </div>

             <div class="am-u-sm-33">
                <div class="icon-sale two"></div>
                <h4 class="tri tri1">特惠</h4>
                <div class="activityMain ">
                    <img src="__PUBLIC__/images/activity2.jpg " alt="">
                </div>
                <div class="_info">
                    <h3>春节送礼优选</h3>
                </div>
            </div>

             <div class="am-u-sm-33">
                <div class="icon-sale three"></div>
                <h4 class="tri tri2">团购</h4>
                <div class="activityMain ">
                    <img src="__PUBLIC__/images/activity3.jpg " alt="">
                </div>
                <div class="_info">
                    <h3>春节送礼优选</h3>
                </div>
            </div>

             <div class="am-u-sm-33">
                <div class="icon-sale four"></div>
                <h4 class="tri tri3">超值</h4>
                <div class="activityMain ">
                    <img src="__PUBLIC__/images/activity.jpg " alt="">
                </div>
                <div class="_info">
                    <h3>春节送礼优选</h3>
                </div>
            </div>
        </div>
    
    <!-- 热门活动结束 -->
    </div>


    <!-- 甜品 -->
    <div class="am-container activity _border_line">
        <div class="shopTitle">
            <h4>甜品</h4>
            <h3>每一道甜品都有一个故事</h3>
            <span class="more sweety">
                <a href="# ">桂花糕</a>
                <a href="# ">奶皮酥</a>
                <a href="# ">栗子糕 </a>
                <a href="# ">马卡龙</a>
                <a href="# ">铜锣烧</a>
                <a href="# ">豌豆黄</a>
                <a href="#">更多美味　<i class="">&gt;</i></a>
            </span>

        </div>

        <!-- 图片展示 -->
        <div class="am-g am-g-fixed  floodFour">
            <!-- 第一个 -->
            <div class="am-u-sm-4 floodFour-diff">
                <div class="words">
                    <a href="#" class="outer"><span class="inner"><b class="txt1">核桃</b></span></a>
                    <a href="#" class="outer"><span class="inner"><b class="txt1">核桃</b></span></a>
                    <a href="#" class="outer"><span class="inner"><b class="txt1">核桃</b></span></a>
                    <a href="#" class="outer"><span class="inner"><b class="txt1">核桃</b></span></a>
                    <a href="#" class="outer"><span class="inner"><b class="txt1">核桃</b></span></a>
                    <a href="#" class="outer"><span class="inner"><b class="txt1">核桃</b></span></a>
                </div>
                <a href="#">
                    <div class="outer-con">
                        <div class="title">开抢啦！</div>
                        <div class="sub-title">零食大礼包</div>
                    </div>
                    <img src="__PUBLIC__/images/act1.png " />   
                </a>

                <!-- 左下角折叠 -->
                <div class="triangle-topright"></div>
            </div>

           <!-- 第二个 -->
            <div class="am-u-sm-4 border-r">
                <!-- 上 -->
                <div class="outer-con _top">
                    <div class="title1">
                        雪之恋和风大福
                    </div>
                    <div class="sub-title1 ">
                        ¥13.8
                    </div>
                    <i class="iconfont icon-jinlingyingcaiwangtubiao20 icon-right"></i>
                    <a href="#"><img src="__PUBLIC__/images/1.jpg" alt=""></a>
                </div>
                <!-- 下 --> 
                <div class="outer-con _bottom">
                    <div class="title1">
                        雪之恋和风大福
                    </div>
                    <div class="sub-title1 ">
                        ¥13.8
                    </div>
                    <i class="iconfont icon-jinlingyingcaiwangtubiao20 icon-right"></i>
                    <a href="#"><img src="__PUBLIC__/images/2.jpg" alt=""></a>
                    
                </div>
                
            </div>

           <!-- 第三个 -->
            <div class="am-u-sm-4 border-r _third">
                <div class="outer-con ">
                    <div class="title1 ">
                        小优布丁
                    </div>
                    <div class="sub-title1 ">
                        ¥4.8
                    </div>
                    <i class="iconfont icon-jinlingyingcaiwangtubiao20 icon-right position"></i>
                </div>
                <a href="# "><img src="__PUBLIC__/images/5.jpg" /></a>
                
            </div>

           <!-- 第四个 -->
            <div class="am-u-sm-4 border-r">
                <!-- 上 -->
                <div class="outer-con _top">
                    <div class="title1">
                        小优布丁
                    </div>
                    <div class="sub-title1 ">
                        ¥4.8
                    </div>
                    <i class="iconfont icon-jinlingyingcaiwangtubiao20 icon-right"></i>
                    <a href="#"><img src="__PUBLIC__/images/3.jpg" alt=""></a>
                </div>
                <!-- 下 --> 
                <div class="outer-con _bottom">
                    <div class="title1">
                        小优布丁
                    </div>
                    <div class="sub-title1 ">
                        ¥4.8
                    </div>
                    <i class="iconfont icon-jinlingyingcaiwangtubiao20 icon-right"></i>
                    <a href="#"><img src="__PUBLIC__/images/4.jpg" alt=""></a>  
                </div>
               
            </div>

            <!-- 第五个 -->
            <div class="am-u-sm-4 border-r _third five">
                <div class="outer-con ">
                    <div class="title1 ">
                        小优布丁
                    </div>
                    <div class="sub-title1 ">
                        ¥4.8
                    </div>
                    <i class="iconfont icon-jinlingyingcaiwangtubiao20 icon-right position"></i>
                </div>
                <a href="# "><img src="__PUBLIC__/images/5.jpg" /></a>
                
            </div>
            <div class="clear"></div>
    <!-- 甜品结束 -->
    </div>


    <!-- 底部 -->

    <div class="footer">
        <div class="footer-hd">
            <p>
                <a href="#">老芝麻科技  　<b>|</b></a>
                <a href="#">　商城首页  　<b>|</b></a>
                <a href="#">　支付宝  　<b>|</b></a>
                <a href="#">　物流</a>
            </p>
        </div>
        
        <div class="footer-fd">
            <p>
                <a href="#">关于老芝麻</a>
                <a href="#">合作伙伴</a>
                <a href="#">联系我们</a>
                <a href="#">网站地图</a>
                <em>© 2017-0426 laozhima.com 版权所有. 更多模板 <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></em>
            </p>
        </div>
    </div>

</body>
</html>
<script src="__PUBLIC__/fonts/iconfont.js"></script>
<script type="text/javascript">
    //轮播
    window.onload = function(){
        var div = document.getElementById('lb');
        var img = div.getElementsByTagName('img');

        //设置一个变量规定跳转方向
        num = 0;
        function run(){
            //做一个循环，把所有图片都隐藏
            for(var i=0;i<img.length;i++){              
                img[i].style.display = "none";
            }
            
            //把当前页面显示出来   num=0  1 2 3 4
            img[num].style.display = "block";
            //当自动跳转到最后一张时，又返回从第0张开始
            if(num==img.length-1){
                num = 0;
            }else{
                num++;
            }
        } 
        time = setInterval(run,3000);  //设置定时器  进入页面时自动跳转  

        //移入,暂停
        div.onmouseover = function(){
            clearInterval(time);
        } 

        //移出播放
        div.onmouseout = function(){
            time = setInterval(run,3000);
        } 
    }
</script>